<template>
	<view class="qilin-box-navBar">
		<view class="qilin-box-navBar-photo">
			<icon class="qilin-box-navBar-search iconfont icon-zhaoxiangji"></icon>
			<text>随拍</text>
		</view>
		<view class="qilin-box-navBar-text">
			<navigator :class="currentPageLabel==='follow'?'current':''" open-type="switchTab" url="/pages/follow/follow">关注</navigator>
			<navigator :class="currentPageLabel==='friend'?'current':''" open-type="switchTab" url="/pages/friend/friend">好友</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			currentPageLabel:{
				type:String,
				default:"follow"
			}
		},
		data(){
			return {
				
			}
		},
		mounted(){
			// console.log(getCurrentPages());
			console.log(this.currentPageLabel);
		}
	}
</script>

<style>
.qilin-box-navBar{
	position:fixed;
	width:100%;
	height:70rpx;
	line-height:70rpx;
	top:0;
	left:0;
	background-color:#181725;
	color:#fff;
	font-size:30rpx;
	z-index:2;
	padding-top:50rpx;
}
.qilin-box-navBar-photo{
	position:absolute;
	/* top:0; */
	left:0;
	width:20%;
	text-align:center;
	display:flex;
	align-items:center;
	margin-left:30rpx;
}
.qilin-box-navBar-search{
	font-size:32rpx;
}
.qilin-box-navBar-photo>text{
	font-size:28rpx;
	margin-left:10rpx;
}
.qilin-box-navBar-text{
	text-align:center;
}
.qilin-box-navBar-text>navigator{
	margin:0 20rpx;
	display:inline-block;
}
.current{
	border-bottom:4rpx solid yellow;
}
</style>
